<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>图copy</title>
    <meta content="图网页 Copy" name="Description">
    <meta content="codester" name="Keywords">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="./css/zay.css"/>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

</head>
<body>
<div class="a" id="col1">
    <div class="b" id="col2">
        <div class="g">
            <img style="float: left; margin-top: 2%;" src="./img/p.png">
            <div style="margin-top: 3%;margin-left: 2%;font-size: 12px;color: #525252;float:right">
                <p>POSTED 2014-03-23</p>
                <p>UC adoption surges as cendors end traditiona PBX support
                    <a href="#">http://tco/nlVo3ObGM3</a>
                </p>
                <!--<p style="margin-top: -1%;">sasadasds</p>-->
            </div>
        </div>
        <div class="h">
            <p class="z">Teday</p>
            <p class="z">Ydaipnj</p>
            <p class="z">Bdafyfvbjy.</p>
        </div>
        <div class="o">
            <img style="width: 6%;" src="./img/Q.png">
            <div style="margin-left:6%;margin-top: -4.5%; color: #515151;line-height: 28% ;">
                <p>CONTSTDD</p>
                <b>LIIP</b>
            </div>
        </div>
        <div class="u" style=" color: #515151;line-height: 50% ;font-size: 12px;">
            <p>Here to challenge the status quo when it comes to telephorry,Coloured Lines is a new breed</p>
            <p>of full service VOIP carrier offering affordable voice and data communication over a</p>
            <p>business grade,private network.</p>

        </div>
        <div class="n">
            <div class="k" ><img class="ab" src="./img/sou.png"></div>
            <input class="l" type="text"  placeholder="for exmaple aap">
        </div>
        <div class="x">
            <p style="color: #5d5d5d">Dwa dyuhb ppa &nbsp&nbsp[Yoke]</p>
        </div>
    </div>
    <div class="c" id="col3">
        <div class="d"><p class="y"><b>WHO WE ARE</b></p><img class="t" src="./img/11.png"></div>
        <div class="d-1"><p class="y"><b>WHAT WE DO</b></p><img class="t" src="./img/22.png"></div>
        <div class="d-2"><p class="y"><b>WHY CHOOSE US</b></p><img class="t" src="./img/33.png"></div>
        <div class="d-3"><p class="y"><b>PRODUCTS</b></p><img class="t" src="./img/44.png"></div>
        <div class="d-4"><p class="y"><b>TESTIMONIALS</b></p><img class="t" src="./img/55.png"></div>
        <div class="d-5"><p class="y"><b>FAQS</b></p><img class="t" src="./img/66.png"></div>
        <div class="d-6"><p class="y"><b>CONTACT US</b></p><img class="t" src="./img/77.png"></div>
        <div class="d-7"><p class="y"><b>BLOG</b></p><img class="t" src="./img/88.png"></div>
        <div class="e"></div>

    </div>
</div>
<script>
    total = document.documentElement.clientHeight;
    colHeight = total-document.getElementById("col1").offsetTop;
    document.getElementById("col1").style.height=colHeight+"px";
    document.getElementById("col2").style.height=colHeight+"px";
    document.getElementById("col3").style.height=colHeight+"px";
</script>
</body>
</html>